﻿<!DOCTYPE html>
<!--<html xmlns="http://www.w3.org/1999/xhtml">-->
	<html xmlns="http://www.w3.org/1999/xhtml" manifest="sample.appcache">

	<head>
		<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
		<title>巅峰时刻荣放带你开启勇士之门</title>
		<link href="css/style.css" rel="stylesheet" />
		<script type="text/javascript">
        window.addEventListener("load", function (e) {
            window.applicationCache.addEventListener("updateready", function (e) {
                console.log("加载缓存开始");
                if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
                    window.applicationCache.swapCache();
//                  if (confirm("有新版本，需要更新吗?")) {
//                      console.log("缓存版本已经更新一次！");
//                      window.location.reload();
//                  }
                      window.location.reload();
                }
                else {
                    console.log("缓存版本未更新！");
                }
            }, false);
        }, false);
    </script>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				-webkit-appearance: none; //去掉浏览器默认样式
				-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
				-webkit-touch-callout: none;
				box-sizing: border-box;
			}
			
			html,
			body {
				margin: 0 auto;
				width: 100%;
				min-height: 100%;
				overflow-x: hidden;
				-webkit-user-select: none;
			}
			
			body {
				font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
				-webkit-text-size-adjust: 100%; //关闭自动调整字体
				-webkit-overflow-scrolling: touch;
				overflow-scrolling: touch;
			}
			
			input {
				width: 90%;
				height: 40px;
				font-size: 18px;
				border: 1px solid #b72f20;
				border-radius: 5px;
				margin: 20px 5% 0 5%;
				padding: 5px;
			}
			
			h1 {
				background-color: #b72f20;
				color: #fff;
				font-size: 25px;
				text-align: center;
				padding: 10px;
			}
		</style>
		<link rel="stylesheet" href="css/LArea.css">
	</head>

	<body style="background-color: white">
		<div style="display:none">
			<audio controls="controls" autoplay loop="loop" id="bgmp3">
				<source src="bg.mp3" type="audio/mpeg" />
			</audio>
		</div>
		<canvas id="gameView" style="background-color: #ffffff;overflow: hidden;display: block;z-index: 0;"></canvas>
		<div id="jindudiv" style="display: none;">
			<!--<img id="jiazaibg" src="image/image1/bg.jpg"/>-->
			<!--<div id="langmanzhiye"></div>
    		<div id="loadwenzi"></div>-->
			<!--<div id="huanchong">
    			<div id="huatong">
    				
    			</div>
    		</div>-->
			<div id="loading"></div>
			<div class="jdt"></div>
		</div>
		<div id="info" style="display: none;z-index: 999;">
			<input type="text" name="" id="xingming" value="" />
			<!--<input type="text" name="" id="xingbie" value="" />-->
			<div class="ui-select" id="xingbie">
				<span>男</span>
				<select onchange="gaibian()">
					<option value="男">男</option>
					<option value="女">女</option>
				</select>
			</div>

			<input type="number" name="" id="dianhua" value="" />
			<!--<input type="text" name="" id="chengshi" value="" />-->
			<!--<div class="content-block" id="chengshi">
				<input id="demo2" type="text" readonly="" placeholder="点击选择城市" />
				<input id="value2" type="hidden" />
			</div>-->
			<div class="ui-select" id="chengshi">
				<span>哈尔滨</span>
				<select onchange="gaibian()">
					<option value="沈阳">沈阳</option>
					<option value="唐山">唐山</option>
					<option value="哈尔滨">哈尔滨</option>
					<option value="天津">天津</option>
					<option value="北京">北京</option>
					<option value="长春">长春</option>
					<option value="西安">西安</option>
					<option value="兰州">兰州</option>
					<option value="武汉">武汉</option>
					<option value="青岛">青岛</option>
				</select>
			</div>

		</div>
		<img src="image/play.png" id="tubiao" onclick="dianji()" />
	</body>

</html>
<script src="js/createjs.js"></script>
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/index.js"></script>
<script src="js/fenxiang.js"></script>
<script src="js/jweixin-1.0.0.js"></script>
<!--<script src="js/LAreaData1.js"></script>-->
<script src="js/LAreaData2.js"></script>
<script src="js/LArea.js"></script>
<script>
	var openid = jQuery.cookie("openid");
	var bgW = jQuery(window).width();
	bgW = 640;
	var bgH = jQuery(window).height();
	jQuery(function() {
		if(openid == "" || openid == null) {
			          location.href = encodeURI("fabu.html");
		}

		jQuery("#gameView").attr("width", bgW);
		jQuery("#gameView").attr("height", bgH);
		$("#jindudiv,#jiazaibg").css({
			"width": bgW,
			"height": bgH
		});
		//      $(".jdt").css({"top":bgH/2-60});
		$("#jindudiv").css("display", "block");
	})

	LoadCanvas();
</script>

<script>
	var dianji = function() {
		if(bgmp3.paused) {
			bgmp3.play();
			jQuery("#tubiao").attr("src", "image/play.png");
			//			$("#guangdie").addClass("guangdie");
			//			$("#guangdiegun").css("transform","rotate(30deg)");
		} else {
			bgmp3.pause();
			jQuery("#tubiao").attr("src", "image/stop.png");

		}
	}
</script>
<script>
	var gaibian = function() {
			var zhi = $("#xingbie select").val();
			$("#xingbie span").html(zhi);
			
			var zhi1 = $("#chengshi select").val();
			$("#chengshi span").html(zhi1);

		}
	
		//	var area1 = new LArea();
		//	area1.init({
		//	    'trigger': '#demo1', //触发选择控件的文本框，同时选择完毕后name属性输出到该位置
		//	    'valueTo': '#value1', //选择完毕后id属性输出到该位置
		//	    'keys': {
		//	        id: 'id',
		//	        name: 'name'
		//	    }, //绑定数据源相关字段 id对应valueTo的value属性输出 name对应trigger的value属性输出
		//	    'type': 1, //数据源类型
		//	    'data': LAreaData //数据源
		//	});
		//	area1.value=[1,13,3];//控制初始位置，注意：该方法并不会影响到input的value
	var area2 = new LArea();
	area2.init({
		'trigger': '#demo2',
		'valueTo': '#value2',
		'keys': {
			id: 'value',
			name: 'text'
		},
		'type': 2,
		'data': [provs_data, citys_data, dists_data]
	});
</script>